.c7n-reportHome-pane {
    width: 950px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    .c7n-item {
        width: 280px;
        height: 312px;
        background: #fafafa;
        padding: 18px;
        margin-right: 24px;
        margin-bottom: 24px;
        display: flex;
        flex-direction: column;
        align-items: center;
        cursor: pointer;
        
        .c7n-item-pic {
            width: 100%;
            height: 170px;
            padding: 24px 18px;
            border-radius: 2px;
            background-color: #fff;
            box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.12), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
            
            .c7n-item-picWrap {
                width: 100%;
                height: 100%;
                background-size: 100% 100%;
                background-repeat: no-repeat;
            }
        }

        .burndownchart {
            background-image: url('./pics/burndownchart.svg');
        }

        .sprint {
            background-image: url('./pics/sprint.svg');
        }

        .accumulation {
            background-image: url('./pics/accumulation.svg');
        }

        .versionReport {
            background-image: url('./pics/versionReport.svg');
        }

        .velocityChart {
            background-image: url('./pics/velocityChart.svg');
        }

        .epicReport {
            background-image: url('./pics/epicReport.svg');
        }

        .pieReport {
            background-image: url('./pics/pieReport.svg');
        }

        .epicBurndown {
            background-image: url('./pics/epicBurndown.svg');
        }

        .versionBurndown {
            background-image: url('./pics/versionBurndown.svg');
        }

        .c7n-item-word {
            margin-top: 18px;
            font-size: 13px;
            line-height: 20px;

            .c7n-item-title {
                font-weight: 600;
                margin-bottom: 8px;
            }

            .c7n-item-des {
                color:  rgba(0, 0, 0, 0.65);
                margin-bottom: 0;
            }
        }

        &:hover {
            .c7n-item-title {
                text-decoration: underline;
            }
        }
    }
}

